<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>博以 至客</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="../css/font.css">
    <link rel="stylesheet" href="../css/xadmin.css">
    <link rel="stylesheet" href="../component/layui/css/layui.css">
    <script src="../component/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="../component/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<div class="layui-fluid">
    <div class="layui-row">
        <form class="layui-form">
            <div class="layui-form-item">
                <label for="srcName" class="layui-form-label">
                    <span class="x-red">*</span>资料的科目名
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="srcName" name="srcName" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>填完资料的科目名后上传图标!!
                </div>
            </div>
            <div class="layui-form-item">
                <label for="srcUrl" class="layui-form-label">
                    <span class="x-red">*</span>资料链接
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="srcUrl" name="srcUrl" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="srcPsw" class="layui-form-label">
                    <span class="x-red">*</span>资料密码
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="srcPsw" name="srcPsw" required="" lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="srcBrief" class="layui-form-label">
                    <span class="x-red">*</span>资料的内容简介
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="srcBrief" name="srcBrief" required="" lay-verify="required`"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="srcMenu" class="layui-form-label">
                    <span class="x-red">*</span>填完资料的目录结构
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="srcMenu" name="srcMenu" required="" lay-verify="required`"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="srcType" class="layui-form-label">
                    <span class="x-red">*</span>资料的类型
                </label>
                <div class="layui-input-inline">
                    <input type="text" id="srcType" name="srcType" required="" lay-verify="required`"
                           autocomplete="off" class="layui-input">
                </div>
                <div class="layui-form-mid layui-word-aux">
                    <span class="x-red">*</span>
                </div>
            </div>
            <div class="layui-form-item">
                <label for="srcType" class="layui-form-label">
                </label>
                <button  class="layui-btn" lay-filter="add" lay-submit="">
                    增加
                </button>
            </div>
        </form>
    </div>
</div>
<script>layui.use(['form', 'layer'],
    function() {
        $ = layui.jquery;
        var form = layui.form,
            layer = layui.layer;
        //监听提交
        form.on('submit(add)',
            function(data) {
                console.log(data);
                $.ajax(
                    {
                        type: "post",
                        url: "/study/insertStudySrc",
                        data: {"srcName": $("#srcName").val(), "srcUrl": $("#srcUrl").val(), "srcPsw": $("#srcPsw").val(), "srcBrief": $("#srcBrief").val(), "srcMenu": $("#srcMenu").val(), "srcType": $("#srcType").val()},
                        dataType: "json",
                        success:function (data) {
                            if (data.msg==200){
                                layer.alert("增加成功!", {
                                    icon: 6
                                },function() {
                                    //关闭当前frame
                                    xadmin.close();

                                    // 可以对父窗口进行刷新
                                    xadmin.father_reload();
                                });
                            }else {
                                layer.alert("增加失败!", {
                                    icon: 6
                                })
                            }
                        }
                    }
                )
                return false;
            });
    });</script>
</body>

</html>